const fotNav = [
    {
        name: '协会简介',
        router: '/about',
        children: [
            {
                name: '协会领导',
                router: '/about/intro',
                children: []
            },
            {
                name: '协会风采',
                router: '/about/intro',
                children: []
            },
            {
                name: '入会登记',
                router: '/about/intro',
                children: []
            }
            
        ]
    },
    {
        name: '协会公告',
        router: '/about',
        children: [
            {
                name: '协会动态',
                router: '/about/intro',
                children: []
            },
            {
                name: '通知公告',
                router: '/about/intro',
                children: []
            },
            {
                name: '行业新闻',
                router: '/about/intro',
                children: []
            }
            
        ]
    },
    {
        name: '近期活动',
        router: '/about',
        children: [
            {
                name: '近期活动',
                router: '/about/intro',
                children: []
            }
        ]
    },
    {
        name: '理事单位',
        router: '/about',
        children: [
            {
                name: '单位名单',
                router: '/about/intro',
                children: []
            }
            
        ]
    },
    {
        name: '会员风采',
        router: '/about',
        children: [
            {
                name: '个人风采',
                router: '/about/intro',
                children: []
            },
            {
                name: '作品展示',
                router: '/about/intro',
                children: []
            }
        ]
    }
]


let fotNavDiv = document.getElementsByClassName('footer_nav_list_box')[0];

let html = "";

for (let index = 0; index < fotNav.length; index++) {
    const item = fotNav[index] || {};
    let dd = "";
    if (item["children"]) {
        for (let index2 = 0; index2 < item["children"].length; index2++) {
            const element = item["children"][index2];
            dd += `<dd>${element["name"]}</dd>`;
        }
    }
    html += `<dl><dt>${item["name"]}</dt>${dd}</dl>`;
    
}
console.log(html);
fotNavDiv.innerHTML = html;